<template>
    <!-- tabbar组件 -->
    <Tabbar>
        <TabbarItem path="/home" activeColor="blue">
          <img slot="item-icon" src="~assets/img/tabbar/home.png" alt="">
          <img slot="item-icona" src="~assets/img/tabbar/homea.png" alt="">
          <span slot="item-text">首页</span>
        </TabbarItem>
        <TabbarItem path="/about" activeColor="blue">
          <img slot="item-icon" src="~assets/img/tabbar/fenlei.png" alt="">
          <img slot="item-icona" src="~assets/img/tabbar/fenleia.png" alt="">
          <span slot="item-text">分类</span>
        </TabbarItem>
        <TabbarItem path="/about" activeColor="blue">
          <img slot="item-icon" src="~assets/img/tabbar/gouwuce.png" alt="">
          <img slot="item-icona" src="~assets/img/tabbar/gouwucea.png" alt="">
          <span slot="item-text">购物车</span>
        </TabbarItem>
        <TabbarItem path="/about" activeColor="blue">
          <img slot="item-icon" src="~assets/img/tabbar/my.png" alt="">
          <img slot="item-icona" src="~assets/img/tabbar/mya.png" alt="">
          <span slot="item-text">我的</span>
        </TabbarItem>
    </Tabbar>
</template>

<script>

import  Tabbar from 'components/Tabbar/Tabbar'
import TabbarItem from 'components/Tabbar/TabbarItem'
export default {
    components:{
        Tabbar,
        TabbarItem
    }
}
</script>

<style>

</style>